<template>
    
  <transition >
    <slot></slot>
  </transition>

</template>

<script>
    export default {
        name : "fadeAnimation"
    }
</script>

<style lang="scss" scoped>
.v-enter,
    .v-leave-to {
      opacity: 0;
      transform: translateX(150px);
    }

    .v-enter-active,
    .v-leave-active {
      transition: all 0.5s ease;
    }

</style>